<template>
<div style="margin:20px">
    <!-- 修改党费状态 -->
    <el-form :model="browseDetailData">
        <el-form-item label="学号" >
        <el-input v-model="browseDetailData.stuId" autocomplete="off"></el-input>
    </el-form-item>
    <el-form-item  label="姓名" >
        <el-input v-model="browseDetailData.stuName" autocomplete="off"></el-input>
    </el-form-item>
    <el-form-item  label="党费状态：(0：不需要缴纳  1：已经缴纳 2：未缴纳)">
        <el-input v-model="browseDetailData.stuPartyDues" autocomplete="off"></el-input>
    </el-form-item>
    <el-button type="primary" @click="getStuPartyDues">获取党费状态</el-button>
    <el-button type="primary" @click="updateStuPartyDues">保 存</el-button>
    </el-form>
</div>
</template>

<script>
    // 引入公共的bug，来做为中间传达的工具
    import Bus from '@/components/Bus/bus.js'
    // 引入qs实现字符串转换为可以提交的类型
    import * as qs from "qs";

    export default {
        data() {
            return {
                // 详细信息展示的数据
                browseDetailData: {
                    // 姓名 性别 籍贯 专业 班级 照片 联系方式 所有身份 成为每一步的时间 所有附件
                    stuId: '',
                    stuName: '',
                    stuPartyDues: '',
                },
            }
        },
        mounted: function () {
        },
        methods: {
            // Get方法 返回一个Promise对象
            getRequest : async function(url) {
                let getAwait = ()=>{
                    return new Promise(resolve => {
                        this.$axios({
                            method: "get",
                            url: url,
                        }).then((response) => {
                        if (response.data['data'] != null) {
                            resolve(response.data['data']);
                        }
                    })
                });
                }
                let result = await getAwait();
                //console.log(result); 
                return result;
            },
            getStuPartyDues(){
                // 通过then方法获取promise对象
                this.$axios({
                    method: "get",
                    url: "admin/getStudentByStuId/"+this.browseDetailData.stuId,
                }).then((response) => {
                    if (response.data['data'] != null) {
                        console.log(response.data['data']);
                        // 包含：姓名 性别 籍贯 专业 班级 照片 联系方式 所有身份 成为每一步的时间 所有附件
                        this.browseDetailData.stuId = response.data['data'][0].stuId ;
                        this.browseDetailData.stuName = response.data['data'][0].stuName ;
                        this.browseDetailData.stuPartyDues = response.data['data'][0].stuPartyDues ;
                    }
                })
            },
            updateStuPartyDues(){
                console.log("保存新的状态");
                // POST方式提交表单信息
                    this.$axios({
                        method: "post",
                        url: "admin/updateStuPartyDues",
                        data: qs.stringify(this.browseDetailData),
                    }).then((res) => {
                        console.log(res.data);
                        // 如果返回code为200说明后台处理了请求  否则输出网络错误
                        if(res.data.code == "200"){
                            // 如果返回的success为true代表后台添加成功 否则直接输出返回的msg消息
                            if(res.data.success == true){
                                alert("更新成功");
                            }else {
                                alert(res.data.msg);
                            }
                        }else {
                            alert("网络错误");
                        }
                    })
            }
        }
    }
</script>